<!DOCTYPE html>
<html class="x-admin-sm" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>大学生简历信息</title>
    <meta content="webkit" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <link rel="stylesheet" th:href="@{layui/css/font.css}">
    <link rel="stylesheet" th:href="@{layui/css/xadmin.css}">
    <script charset="utf-8" th:src="@{layui/lib/layui/layui.js}" type="text/javascript"></script>
    <script th:src="@{layui/js/xadmin.js}" type="text/javascript"></script>
    <style>
        html, body {
            height: 100%;
        }
        .personal-img {
            position: absolute;
            right: 50px;
        }
        .layui-input {
            background: transparent;
            border: none;
            font-size: 14px;
            line-height: 30px;
            padding-top: 7px;
            font-family: 华文中宋, serif;
        }
        .layui-row .layui-form-label {
            font-size: 16px;
            font-family: 隶书, serif;
        }
        .layui-form-label {
            width: auto;
            font-family: 隶书, serif;
            font-size: 16px;
        }
        #resume-message .layui-input-inline {
            width: auto;
        }
        .left {
            float: left;
        }
        .hr10 {
            height: 10px;
            margin: 0;
            padding: 0;
            width: 100%;
            background: transparent;
        }
        .titles {
            font-size: 20px;
        }
    </style>
</head>

<body th:style="'background:url('+'/images/resumebg.jpg'+') no-repeat;background-size: 100%'">
<div class="layui-fluid" style="width:1000px; margin:50px auto auto;">
    <!-- 简介 -->
    <div class="layui-row">
        <div style="float: right;">
            <div class="layui-form-item">
                <div class="layui-upload">
                    <div class="layui-upload-list">
                        <img alt="这是学生的头像" class="layui-upload-img personal-img" id="portrait" src="" style="width: 200px;height: 200px;margin-right: 70px"
                             th:src="${student.portrait}">
                    </div>
                </div>
            </div>
        </div>

        <div class="" style="float: left; width: 700px;">
            <label>
                <input class="layui-input titles" th:value="基本信息" value="">
            </label>
            <hr class="hr10">
            <div class="left">
                <label class="layui-form-label" for="studentName">姓&emsp;&emsp;名:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="studentName" lay-verify="required" name="studentName" th:value="${student.studentName}"
                           type="text" value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="gender">性&emsp;&emsp;别:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="gender" name="gender" th:value="${student.gender}" type="text" value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="cityName">所在地区:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="cityName" name="cityName" th:value="${student.city.cityName}"
                           type="text" value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="universityName">就读大学:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="universityName" name="universityName" th:value="${student.university.universityName}"
                           type="text" value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="majorName">主修专业:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="majorName" name="majorName" th:value="${student.major.majorName}" type="text"
                           value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="email">邮箱地址:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="email" name="email" th:value="${student.email}" type="text" value="">
                </div>
            </div>

            <div class="left">
                <label class="layui-form-label" for="phone">联系方式:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="phone" name="phone" th:value="${student.phone}" type="text" value="">
                </div>
            </div>
        </div>
    </div>
    <hr class="hr10">
    <hr style="width: 400px;height:3px;background-color:#000;">
    <!-- 工作期望 -->
    <div class="" id="resume-message">
        <label>
            <input class="layui-input titles" th:value="工作期望" value="">
        </label>
        <hr class="hr10">
        <div class="left" style="width: 1000px">
            <label class="layui-form-label" for="strength">个人优势:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="strength" name="strength" style="width: 800px" th:value="${student.resume.strength}" type="text"
                       value="">
            </div>
        </div>
        <div class="left" style="width: 1000px">
            <label class="layui-form-label" for="language">语言能力:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="language" name="language" style="width: 800px" th:value="${student.resume.language}" type="text"
                       value="">
            </div>
        </div>
        <div class="left">
            <label class="layui-form-label" for="resumeCityName">期望地区:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="resumeCityName" name="resumeCityName" th:value="${student.resume.city.cityName}"
                       type="text" value="">
            </div>
        </div>
        <div class="left">
            <label class="layui-form-label" for="supMinSalary">期望最低薪资:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="supMinSalary" name="supMinSalary" th:value="${student.resume.supMinSalary}" type="text"
                       value="">
            </div>
        </div>
        <div class="left">
            <label class="layui-form-label" for="supMaxSalary">期望最高薪资:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="supMaxSalary" name="supMaxSalary" th:value="${student.resume.supMaxSalary}" type="text"
                       value="">
            </div>
        </div>
        <div class="left">
            <label class="layui-form-label" for="industryName">期望行业:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="industryName" name="industryName" th:value="${student.resume.industry.industryName}"
                       type="text" value="">
            </div>
        </div>
        <div class="left">
            <label class="layui-form-label" for="jobName">期望职业:</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="jobName" name="jobName" th:value="${student.resume.job.jobName}" type="text"
                       value="">
            </div>
        </div>
    </div>
    <hr class="hr10">
    <hr style="width: 400px;height:3px;background-color:#000;">
    <div id="workExperience">
        <label>
            <input class="layui-input titles" th:value="工作经历" value="">
        </label>
        <hr class="hr10">
        <div th:each="workExperienceList: ${workExperienceList}">
            <div class="left">
                <label class="layui-form-label" for="companyName">工作单位:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="companyName" name="companyName" th:value="${workExperienceList.companyName}"
                           type="text" value="">
                </div>
            </div>
            <div class="left">
                <label class="layui-form-label" for="workJobName">工作岗位:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="workJobName" name="workJobName" th:value="${workExperienceList.job.jobName}"
                           type="text" value="">
                </div>
            </div>
            <div class="left">
                <label class="layui-form-label" for="workCityName">工作地区:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="workCityName" name="workCityName" th:value="${workExperienceList.city.cityName}"
                           type="text" value="">
                </div>
            </div>
            <div class="left" style="width: 570px">
                <label class="layui-form-label" for="startDate">在职时间:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="startDate"
                           name="startDate" style="width: 370px" th:value="${#dates.format(workExperienceList.startDate,'yyyy-MM-dd HH:mm:ss')} + '&emsp;——&emsp;' + ${#dates.format(workExperienceList.endDate,'yyyy-MM-dd HH:mm:ss')}" type="text" value="">
                </div>
            </div>
            <div class="left">
                <label class="layui-form-label" for="workDuties">工作详情:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="workDuties" name="workDuties" th:value="${workExperienceList.workDuties}" type="text"
                           value="">
                </div>
            </div>
            <hr class="hr10">
        </div>
    </div>

    <hr class="hr10">
    <hr style="width: 400px;height:3px;background-color:#000;">
    <div id="projectExperience">
        <label>
            <input class="layui-input titles" th:value="项目经历" value="">
        </label>
        <hr class="hr10">
        <div th:each="projectExperienceList: ${projectExperienceList}">
            <div class="layui-form-item">
                <label class="layui-form-label" for="projectName">项目名称:</label>
                <div class="layui-input-inline left">
                    <input class="layui-input" id="projectName" name="projectName" th:value="${projectExperienceList.projectName}"
                           type="text" value="">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="role">担任角色:</label>
                <div class="layui-input-inline left">
                    <input class="layui-input" id="role" name="role" th:value="${projectExperienceList.role}" type="text"
                           value="">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="projectDescribe">项目详情:</label>
                <div class="layui-input-inline left">
                    <input class="layui-input" id="projectDescribe" name="projectDescribe" th:value="${projectExperienceList.projectDescribe}"
                           type="text" value="">
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    window.onload = function () {
        const input = document.getElementsByClassName("layui-input");
        for (let i = 0; i < input.length; i++) {
            input[i].setAttribute('readonly', 'true');
        }
    }
</script>

</html>